﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Jquery选择器使用</title>  
    <script src="../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> 
    <script type="text/javascript">
        $(function () {
            var t = $('.mini');
            t.css("background", "#bbffaa"); 
    })    
    </script> 

    <style type="text/css">
    div,span,p
    {
        width:140px;
        height:140px;
        margin:5px;
        background:#aaa;
        border:#000 1px solid;
        float:left;
        font-size:17px;
        font-family:Verdana;
    }
    div.mini
    {
        width:55px;
        height:55px;
        background-color:#aaa;
        font-size:12px;
    }
    div.hide
    {
        display:none;
    }        
    </style>   
     
</head>
<body>
<div class="one" id="one">id和class都为one
    <div class="mini">class为mini</div>
</div>

<div class ="one" id="two" title="test">
id为two,class为one,title为test的div
<div class="mini" title="other">class为mini,title为other</div>
<div class="mini" title="test">class为mini,title为test</div>
</div>

<div class="one">
<div class="mini">class为mini</div>
<div class="mini">class为mini</div>
<div class="mini">class为mini</div>
<div class="mini">class为mini</div>
</div>

<div class="one">
<div class="mini">class为mini</div>
<div class="mini">class为mini</div>
<div class="mini">class为mini</div>
<div class="mini" title="tesst">class为mini,title为tesst</div>
</div>

<div style="display:none;" class="none">style的display为"none0"的div</div>

<div class="hide">class为"hide"的div</div>

<div>
包含input的type为"hidden"的div<input type="hidden" size="8" />
</div>

<span id="mover">正在执行动画的span元素.</span>

</body>
</html>
